<template>
    <div class="subpage newbie-guide-step-container">
        <div class="newbie-guide-step-content">
            <img src="https://ym-1251385011.cos.ap-guangzhou.myqcloud.com/images/20191022/15717313763914712.png" alt="" v-if="step == 1">
            <img src="https://ym-1251385011.cos.ap-guangzhou.myqcloud.com/images/20191017/15713118985434109.png" alt="" v-if="step == 2">
            <img src="https://ym-1251385011.cos.ap-guangzhou.myqcloud.com/images/20191023/15717936274063300.png" alt="" v-if="step == 3">
            <img src="https://ym-1251385011.cos.ap-guangzhou.myqcloud.com/images/20191023/15717935773583686.png" alt="" v-if="step == 4">
        </div>
    </div>
</template>

<script>
import { Image } from 'vant';
export default {
    components: {
        [Image.name]:Image
    },
    data() {
        return {
            step: ''
        }
    },
    created() {
        this.step = this.$route.query.step;
    }
}
</script>

<style lang="scss" scoped>
    .newbie-guide-step-container {
        width: 100%;
        background-color: #fff;
        .newbie-guide-step-content {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 9;
            width: 100%;
            height: 100vh;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            img {
                width: 100%;
            }
        }
        
    }
</style>